<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>${title}</title>
    <%@ include file="./base/head.jsp"%>
    <%@ include file="./ctx.jsp"%>
    <%@ include file="./base/easyui.jsp"%>
    <style>
        #aa .panel-header{
            border-width: 0px 0 0px;
        }
        #aa .accordion-header{
            background: #004182;
        }
        #aa {
            border-width: 0px
        }
        #aa .panel-title{
            color: gainsboro;
        }

        #aa .panel-body{
            background-color: #004182;
            opacity: 0.8
        }
        #aa a{
            color:#ffffff
        }

        #aa .accordion-body{
            border-width:0 0 0px;
        }
        #aa li:hover{
            background-color: #004182;
            opacity: 0.7;
        }
    </style>
    <script >hljs.initHighlightingOnLoad();</script>
</head>

<body >
<%--<script>NProgress.start();</script>--%>

<div class="initial-mask" style="position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:9999999;"></div>

<div class="notice-wrapper">
    <div id="browser_detect" class="notice notice-prompt notice-orange" style="display: none">
        <div class="notice-close">×</div>
        <dl>
            <dt>浏览器兼容异常</dt>
            <dd>抱歉，您当前使用的浏览器版本过低，可能会导致您的信息泄露或访问异常，建议您更换更高版本浏览器。</dd>
        </dl>
    </div>
</div>
<div style="position: relative;height: 100%">
    <div class="document-left">
        <div class="logo"></div>
        <div data-options="region:'center',border:false">
            <div id="aa" class="easyui-accordion" style="width:200px;" style="border-width:0px!important;">
                <div title="人员档案"style="overflow:auto;">
                    <ul class="" data-options="border:false,fit:true" >
                        <li style="padding: 10px">
                            <span style="margin-left: 30px"><a href="#" onclick="addPanel('字段类型管理', '/datatype/db')">字段类型管理</a></span>
                        </li>
                    </ul>
                </div>

            </div>

        </div>

    </div>
    <div class="document-right">

        <div class="document-user" style="position: relative">

            <div class="theme-header-navigate">

                <div class="left">
                    <a id="close-sidebar" class="easyui-linkbutton"><span class="iconfont theme-left-menu-switch">&#xe9e8;</span></a>
                    <div class="theme-navigate">
                        <div class="left">
                            <a href="https://www.insdep.com/" class="easyui-linkbutton" target="_blank">菜单1</a>
                            <a href="https://www.insdep.com/list-1-1.html" class="easyui-linkbutton" target="_blank">菜单1</a>
                            <a href="https://www.insdep.com/list-2-1.html" class="easyui-linkbutton" target="_blank">菜单2</a>
                            <a href="https://www.insdep.com/list-3-1.html" class="easyui-linkbutton" target="_blank">菜单3</a>
                            <a href="https://www.insdep.com/list-4-1.html" class="easyui-linkbutton" target="_blank">菜单4</a>
                        </div>
                        <div class="right">
                            <a href="#" class="easyui-menubutton theme-navigate-more-button" data-options="menu:'#more',hasDownArrow:false"></a>
                            <div id="more" class="theme-navigate-more-panel">
                                <div>联系我们</div>
                                <div>参与改进计划</div>
                                <div>关于</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="right">

                    <a href="init.html#" class="easyui-menubutton theme-header-navigate-user-button" data-options="menu:'.theme-header-navigate-user-panel'">
                        <img src="${ctx}/insdep/images/portrait_250x250.png" width="32" height="32">
                        ${SESSION_USER_NAME}
                    </a>
                    <div class="theme-header-navigate-user-panel">
                        <dl>
                            <dd>
                                <img src="${ctx}/insdep/images/portrait_250x250.png" width="86" height="86">
                                <b style="margin:25px 0 0;">${SESSION_USER_NAME}</b>
                                <span class="font-grayish">
                                </span>
                            </dd>
                        </dl>
                    </div>

                </div>
                <div style="clear:both"></div>
            </div>
        </div>


        <div class="" style="height:100%;">
            <div id="mainContent" class="easyui-tabs  theme-tab-simple" data-options="tabPosition:'top',narrow:true"style="width:auto;height:100%">
                <div id="tabRightMenu" class="easyui-menu" style="width:150px;">
                    <div id="mm-tabrefresh" data-options="name:0">刷新标签页</div>
                    <div id="mm-tabclose" data-options="name:1">关闭标签页</div>
                    <div id="mm-tabcloseall" data-options="name:2">关闭全部标签页</div>
                    <div id="mm-tabcloseother" data-options="name:3">关闭其它标签页</div>
                    <div id="mm-tabcloseright" data-options="name:4">关闭左侧标签页</div>
                    <div id="mm-tabcloseleft" data-options="name:5">关闭右侧标签页</div>
                </div>

                <div title="首页" >
                    <h3>
                        <img src="${ctx}/insdep/images/123.png"/>
                    </h3>
                </div>
            </div>
        </div>
    </div>
    <div style="clear:both"></div>
</div>
